<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8"/>
		<title>Machiavel Fantasy - Connexion</title>
		<link 	href="css/bootstrap.css" rel="stylesheet" type="text/css"/>
		<link 	href="css/bootstrap-theme.css" rel="stylesheet" type="text/css"/>
		<link rel="icon" href="images/icone_site/favicon.png">
		<script src="js/jquery-2.1.3.min.js"></script>
		<script type="text/javascript" src="js/bootstrap.js"></script>
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">

		<!-- Bootstrap -->
		<link href="css/bootstrap.min.css" rel="stylesheet">

		<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
		<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
		<!--[if lt IE 9]>
		  <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
		  <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
		<![endif]-->
		<link 	href="css/complement.css" rel="stylesheet" type="text/css"/><!--CSS personnaliser-->
	</head>
	<body>
		<?php
			include_once("accessoires/header.html");//logo du site
			include_once("accessoires/menu.html");//barre de menu
		?>
		<div class="col-md-2">
			<?php include_once("accessoires/calendrier_aside.php");
				  include_once("accessoires/actualite_mini.php");?>
		</div>
		<div class="col-md-8 inscrire">
			<div class="col-sm-6 col-md-6 contenu">
				<div class="thumbnail membre">
					<div>
						<h3 class="underline">S'identifier</h3>
					</div>
					<p>Veuillez vous identifier pour accéder à votre compte :</p>
					<form action="connexion.php" method="post"><!--Quand l'utilisateur aura rempli et valider ce bloc, ça le redirigera vers la page de son profil-->
					  <div class="form-group">
						<label for="email">Email</label>
						<input type="email" class="form-control" name="email_user" id="email" placeholder="email" value="<?php if(isset ($email)){echo $email;} ?>">
					  </div>
					  <div class="form-group">
						<label for="password">Mot de passe</label>
						<input type="password" class="form-control" name="password_user" id="password" placeholder="mot de passe">
					  </div>
					<?php if(isset($_POST['valider'])){ ?><!--si le mot de passe ou l'email est incorrect-->
						<div class="alert alert-danger" role="alert">Email inexistant ou mot de passe incorrecte</div>
					<?php } ?>
					  <button type="submit" class="btn btn-default" name="valider">OK</button>
					</form>
				</div>
			</div>
			<div class="col-sm-6 col-md-6 contenu ">
				<div class="thumbnail membre">
					<div>
						<h3 class="underline">S'inscrire</h3>
					</div>
					<p>Veuillez renseigner votre adresse e-mail pour vous inscrire :</p>
					<form method="POST" action="inscription.php"><!--Si l'utilisateur n'a pas de compte, rempli le champ email et appuie sur valider alors ça le redirigera vers la page inscription -->
					  <div class="form-group">
						<label for="email_user">Email</label>
						<input type="email" class="form-control" id="email_user" name="email_user" placeholder="email">
					  </div>
					  <button type="submit" class="btn btn-default" name="valider">OK</button>
					</form>
				</div>
			</div>
		</div>
		<?php include_once("accessoires/chat.php");?>
	</body>
</html>	